<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->

<html class="no-js">
	<!--<![endif]-->
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>MuMu - Universe Creator</title>
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- Bootstrap -->

		<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" href="css/main.css">
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link href="css/mumu.css" rel="stylesheet" media="screen">

		<!-- Bootstrap Image Gallery styles -->
		<link rel="stylesheet" href="css/bootstrap-image-gallery.min.css">
		<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
		<link rel="stylesheet" href="css/jquery.fileupload-ui.css">
		<!-- CSS adjustments for browsers with JavaScript disabled -->
		<noscript>
			<link rel="stylesheet" href="css/jquery.fileupload-ui-noscript.css">
		</noscript>

		<script src="js/vendor/modernizr-2.6.2.min.js"></script>
	</head>
	<body>
		<!--[if lt IE 7]>
		<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
		<![endif]-->

		<!-- Add your site or application content here -->
		<div class="navbar-wrapper">
			<!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
			<div class="container">

				<div class="navbar navbar-inverse">
					<div class="navbar-inner">
						<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
						<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="brand" href="#"><img src="./img/logo.png" /><span> Universe Creator</span></a>
						<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
						<div class="nav-collapse collapse">
							<ul class="nav pull-right">

								<li class="active">
									<a href="#about">Aiuto</a>
								</li>
								<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dio <b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li class="nav-header">
											Opzioni Profilo
										</li>
										<li>
											<a href="#"><i class="icon-pencil"></i> Modifica</a>
										</li>
										<li>
											<a href="#"><i class="icon-off"></i> Esci</a>
										</li>
									</ul>
								</li>
							</ul>
						</div><!--/.nav-collapse -->
					</div><!-- /.navbar-inner -->
				</div><!-- /.navbar -->

			</div>
			<!-- /.container -->
		</div>

		<div class="row-fluid">
			<div class="span12">
				<div class="section-title-wrapper creation-titles">
					<div id="title-tab-step1">
						<h1 class="big-title">Primo Step - Universo</h1>
						<h3 class="big-title" style="font-weight: normal;">Dai il nome al tuo universo e descrivilo.</h3>
					</div>
					<div id="title-tab-step2" class="active">
						<h1 class="big-title">Secondo Step - Pianeti</h1>
						<h3 class="big-title">Modifica un pianeta esistente.</h3>
						<h3 class="big-title" style="font-weight: normal;">Crea un nuovo pianeta.</h3>
					</div>
					<div id="title-tab-step3">
						<h1 class="big-title">Terzo Step - Connessioni</h1>
						<h3 class="big-title" style="font-weight: normal;">Crea il tuo universo con un click: ecco come collegare i tuoi pianeti.</h3>
					</div>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="tabs-container">
				<ul class="nav nav-tabs text-center" id="myTab">
					<li class="span3">
						<a href="#step1" data-toggle="tab" id="tab-step1">1. Universo</a>
					</li>
					<li class="active span3">
						<a href="#step2" data-toggle="tab" id="tab-step2">2. Pianeti</a>
					</li>
					<li class="span3">
						<a href="#step3" data-toggle="tab" id="tab-step3">3. Connessioni</a>
					</li>
				</ul>

				<div class="tab-content">

					<div class="tab-pane" id="step1">
					<form id="first-step-submit" action="#">
						<div class="row-fluid">
							<div class="span8">
								<div class="control-group" id="nameUniverse-container">
									<label class="control-label" for="nameUniverse">Nome Universo</label>
									<div class="controls">
										<input type="text" class="input-xlarge" id="nameUniverse">
										<span class="help-inline">Devi inserire un nome valido all'Universo.</span>
									</div>
								</div>
								<div class="control-group" id="descUniverse-container">
									<label class="control-label" for="descUniverse">Descrizione</label>
									<div class="controls">
										<textarea rows="5" id="descUniverse" class="input-block-level"></textarea>
										<span class="help-block">Occorre inserire una breve descrizione.</span>
									</div>
								</div>

							</div>
							<div class="span4">
								<div class="text-center">
									<a id="universe-avatar-img" href="#" data-toggle="popover" data-placement="bottom" data-content="Una volta caricate le prime immagini l'icona dell'Universo sarà auto-generata." data-original-title="Informazione"> <img class="img-polaroid" src="img/mumuverdi.png"  /> <h5>Avatar universo</h5> </a>
								</div>
							</div>
						</div>
						<div class="row-fluid">
							<div class="span12 text-center">
								<button class="btn btn-primary" type="submit" id="to-second-step-button">
									Vai al prossimo step
									<i class="icon-chevron-right"></i>
								</button>
							</div>
						</div>
					</form>
					</div>

					<div class="tab-pane active" id="step2">
						<!-- Init Accordion -->
						<div class="accordion" id="accordion2">
							<div class="accordion-group">
								<div class="accordion-heading">
									<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"><strong>Fase 1</strong> - Crea o Modifica un pianeta </a>
								</div>
								<div id="collapseOne" class="accordion-body collapse" style="height: 0; ">
									<div class="accordion-inner">

										<div class="row-fluid text-center" id="planet-selection-container">
											<ul class="inline" id="planet-selection">
												<li id="casaartusi">
													<div class="planet-avatar">
														<button type="button"></button>

													</div>
													<h4 class="big-title">Casa Artusi</h4>

												</li>
												<li class="ui-state-disabled">
													<div class="planet-avatar">
														<button type="button"></button>
														<button type="button" class="new-planet"></button>

													</div>
													<h4 class="big-title">Crea un pianeta</h4>
												</li>
											</ul>
											<div class="row-fluid" id="search-planet">
												<div class="span1 offset3">
													<button type="button" id="planet-delete" class="delete-drag-drop" data-toggle="popover" data-placement="top" data-content="Trascina qui un tuo pianeta per eliminarlo!" title="" data-original-title="Suggerimento..."></button>
												</div>
												<div class="span4">
													<form class="form-search">
														<!--<span class="add-on pull-right" style="position: absolute;"><i class="icon-search"></i></span>-->
														<input type="text" class="search-query input-block-level" placeholder="Ricerca un pianeta" />
													</form>
												</div>
											</div>
										</div>

									</div>
								</div>
							</div>
							<div class="accordion-group">
								<div class="accordion-heading">
									<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"><strong>Fase 2</strong> - Aggiungi informazioni </a>
								</div>
								<div id="collapseTwo" class="accordion-body collapse" style="height: 0; ">
									<div class="accordion-inner">
										<div class="row-fluid">
											<div class="span5">
												<div class="control-group" id="firstLine-container">
													<label class="control-label" for="firstLine">Titolo prima riga</label>
													<div class="controls">
														<input type="text" class="input-block-level" id="firstLine" title="Non puoi inserire altri caratteri! Prova a ridistribuire il titolo su più righe.">
														<span class="help-inline">Devi inserire il titolo!</span>
													</div>
												</div>
												<div class="control-group" id="secondLine-container">
													<label class="control-label" for="secondLine">Titolo seconda riga</label>
													<div class="controls">
														<input type="text" class="input-block-level" id="secondLine">
														<span class="help-inline">Devi inserire il titolo!</span>
													</div>
												</div>
												<div class="control-group" id="thirdLine-container">
													<label class="control-label" for="thirdLine">Titolo terza riga</label>
													<div class="controls">
														<input type="text" class="input-block-level" id="thirdLine">
														<span class="help-inline">Devi inserire il titolo!</span>
													</div>
												</div>

											</div>
											<div class="span2">
												<div class="planetBig-preview img-polaroid input-block-level text-center">
													<p class="line1"></p>
													<p class="line2"></p>
													<p class="line3"></p>
												</div>
											</div>
											<div class="span5">
												<div class="row-fluid">
													<div class="control-group span12" id="labelPlanet-container">
														<label class="control-label" for="labelPlanet">Come verrà visualizzato nell’Universo</label>
														<div class="controls">
															<input type="text" class="input-block-level" id="labelPlanet">
															<span class="help-inline">Devi inserire il titolo!</span>
														</div>
													</div>
												</div>
												<div class="row-fluid">
													<div class="planetSmall-preview img-polaroid span12 text-center">
														<div class="planetSmall"></div>
														<p></p>
													</div>
												</div>
											</div>
										</div>
										<div class="row-fluid">
											<div class="control-group" id="descPlanet-container">
												<label class="control-label" for="descPlanet">Descrizione</label>
												<div class="controls">
													<textarea rows="5" id="descPlanet" class="input-block-level"></textarea>
													<span class="help-block">E' opportuno inserire una breve descrizione</span>
												</div>
											</div>
										</div>
										<div class="row-fluid">
											<div class="control-group" id="tags-container">
												<label class="control-label" for="tags">Tags</label>
												<div class="controls">
													<span class="badge badge-info">artusi</span>
													<span class="badge badge-info">cucina</span>

													<a href="#"> <span class="badge badge-info"><i class="icon-plus"></i></span> </a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="accordion-group">
								<div class="accordion-heading">
									<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree"><strong>Fase 3</strong> - Aggiungi contenuti </a>
								</div>
								<div id="collapseThree" class="accordion-body in collapse" style="height: auto; ">
									<div class="accordion-inner">
										<!-- Init carousel ::: contenuti diviso in 3 step -->

										<div id="myCarousel" class="carousel slide" data-interval="false">
											<ol class="carousel-indicators">
												<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
												<li data-target="#myCarousel" data-slide-to="1"></li>
												<li data-target="#myCarousel" data-slide-to="2"></li>
											</ol>
											<!-- Carousel items -->
											<div class="carousel-inner">
												<!-- ACCORDION 1 ::: Scelta umore  -->
												<div class="item">
													<div class="row-fluid" id="humor-selection">
														<div class="span6 happy">
															<button type="submit" class="input-block-level" data-slide="next" href="#myCarousel">
																<h2>Aggiungi contenuti Felici</h2>
															</button>

														</div>
														<div class="span6 sad">
															<button type="submit" class="input-block-level" data-slide="next" href="#myCarousel">
																<h2>Aggiungi contenuti Non felici</h2>
															</button>
														</div>
													</div>

													<div class="row-fluid">
														<div class="span12 text-center">
															<button class="btn btn-primary" type="submit">
																<i class="icon-chevron-left"></i>
																Torna alla lista dei pianeti
															</button>
														</div>
													</div>
												</div>
												<!-- ACCORDION 2 ::: Caricamento Immagini  -->
												<div class="active item">
													<div class="alert alert-info">
														<p>
															<i class="icon-info-sign"></i> Il set di immagini caricato sarà visualizzato cliccando il bottone che ruota intorno al pianeta di colore giallo.
														</p>
														<p>
															Le immagini dovrebbero essere di dimensioni <b>960 x 320</b> con una risoluzione massima di <b>300 dpi</b>, con un rapporto di <b>2:1</b>
														</p>
														<p>
															Nel caso in cui le immagini caricate non rispondessero ai suddetti requisiti, saranno ridimensionate automaticamente, con la possibilità di non ottenere il risultato voluto.
														</p>
														<p style="text-decoration: underline;">
															Si consiglia pertanto di caricare immagini con almeno il rapporto richiesto per una visualizzazione ottimale.
														</p>
													</div>

													<!---- VECCHIA MODALITA' DI UPLOAD!!!!
													<div class="control-group" id="uploadImage-container">
													<label class="control-label" for="labelPlanet">Descrizione</label>
													<input type="file" name="input_name" id="file" class="hide ie_show" />
													<div class="input-append ie_hide">
													<input id="pretty-input" class="input-large" type="text" onclick="$('input[id=file]').click();">
													<a class="btn" onclick="$('input[id=file]').click();">Sfoglia...</a>
													<button class="btn" type="button">Invia</button>
													</div>
													<button class="btn hide ie_show" type="button">Invia</button>
													</div>
													------------->
													<!-- The file upload form used as target for the file upload widget -->
													<form id="fileupload" action="//jquery-file-upload.appspot.com/" method="post" enctype="multipart/form-data">
														<!-- Redirect browsers with JavaScript disabled to the origin page -->
														
														<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
														<div class="row-fluid fileupload-buttonbar">
															<div class="span12">
																<!-- The fileinput-button span is used to style the file input field as button -->
																<span class="btn btn-primary fileinput-button"> <i class="icon-camera icon-white"></i> <span>Scegli immagini...</span>
																	<input type="file" name="files[]" multiple>
																</span>
																<!-- <button type="submit" class="btn btn-info start">
																	<i class="icon-upload icon-white"></i>
																	<span>Carica tutto</span>
																</button> -->
																<button type="reset" class="btn btn-warning cancel">
																	<i class="icon-ban-circle icon-white"></i>
																	<span>Interrompi i caricamenti</span>
																</button>
																<button type="button" class="btn btn-danger delete">
																	<i class="icon-trash icon-white"></i>
																	<span>Elimina selezionati</span>
																</button>
																<input type="checkbox" class="btn btn-big toggle">
															</div>
															<!-- The global progress information -->
															<div class="span10 fileupload-progress fade">
																<!-- The global progress bar -->
																<div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
																	<div class="bar" style="width:0%;"></div>
																</div>
																<!-- The extended global progress information -->
																<div class="progress-extended">
																	&nbsp;
																</div>
															</div>
														</div>
														<!-- The loading indicator is shown during file processing -->
														<div class="fileupload-loading"></div>
														<br>
														<!-- The table listing the files available for upload/download -->
														<table role="presentation" class="table table-striped">
															<tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody>
														</table>
													</form>

													<!-- modal-gallery is the modal dialog used for the image gallery -->
													<div id="modal-gallery" class="modal modal-gallery hide fade" data-filter=":odd" tabindex="-1">
														<div class="modal-header">
															<a class="close" data-dismiss="modal">&times;</a>
															<h3 class="modal-title"></h3>
														</div>
														<div class="modal-body">
															<div class="modal-image"></div>
														</div>
														<div class="modal-footer text-center">
															<a class="btn modal-download" target="_blank"> <i class="icon-download"></i> <span>Scarica</span> </a>
															<a class="btn btn-success modal-play modal-slideshow" data-slideshow="3000"> <i class="icon-play icon-white"></i> </a>
														</div>
													</div>
													<!-- The template to display files available for upload -->
													<script id="template-upload" type="text/x-tmpl">
														{% for (var i=0, file; file=o.files[i]; i++) { %}
														<tr class="template-upload fade">
														<td class="preview"><span class="fade"></span></td>
														<td class="name"><span>{%=file.name%}</span></td>
														<td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
														{% if (file.error) { %}
														<td class="error" colspan="2"><span class="label label-important">Error</span> {%=file.error%}</td>
														{% } else if (o.files.valid && !i) { %}
														<td>
														<div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar" style="width:0%;"></div></div>
														</td>
														<td>{% if (!o.options.autoUpload) { %}
														<button class="btn btn-primary start">
														<i class="icon-upload icon-white"></i>
														<span>Carica</span>
														</button>
														{% } %}</td>
														{% } else { %}
														<td colspan="2"></td>
														{% } %}
														<td>{% if (!i) { %}
														<button class="btn btn-warning cancel">
														<i class="icon-ban-circle icon-white"></i>
														<span>Interrompi</span>
														</button>
														{% } %}</td>
														</tr>
														{% } %}
													</script>
													<!-- The template to display files available for download -->
													<script id="template-download" type="text/x-tmpl">
														{% for (var i=0, file; file=o.files[i]; i++) { %}
														<tr class="template-download fade">
														{% if (file.error) { %}
														<td></td>
														<td class="name"><span>{%=file.name%}</span></td>
														<td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
														<td class="error" colspan="2"><span class="label label-important">Error</span> {%=file.error%}</td>
														{% } else { %}
														<td class="preview">{% if (file.thumbnail_url) { %}
														<a href="{%=file.url%}" title="{%=file.name%}" data-gallery="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a>
														{% } %}</td>
														<td class="name">
														<a href="{%=file.url%}" title="{%=file.name%}" data-gallery="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a>
														</td>
														<td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
														<td colspan="2"></td>
														{% } %}
														<td>
														<button class="btn btn-danger delete" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}"{% if (file.delete_with_credentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
														<i class="icon-trash icon-white"></i>
														<span>Elimina</span>
														</button>
														<input type="checkbox" name="delete" value="1" class="toggle">
														</td>
														</tr>
														{% } %}
													</script>

													<div class="control-group" id="descImageSet-container">
														<label class="control-label" for="descImageSet">Descrizione del set di immagini</label>
														<div class="controls">
															<textarea rows="5" id="descImageSet" class="input-block-level"></textarea>
															<span class="help-block">E' opportuno inserire una breve descrizione</span>
														</div>
													</div>

													<div class="row-fluid">
														<div class="span6 text-left">
															<a class="btn btn-primary" type="submit" href="#myCarousel" data-slide="prev"> <i class="icon-chevron-left icon-white"></i> Torna alla scelta dell'umore </a>
														</div>
														<div class="span6 text-right">
															<a class="btn btn-primary" type="submit" href="#myCarousel" data-slide="next"> Aggiungi contenuti multimediali <i class="icon-chevron-right icon-white"></i> </a>

														</div>
													</div>
												</div>
												<!-- ACCORDION 3 ::: Caricamento Video/Audio  -->
												<div class="item">
													Gestione contenuti multimediali
													<div class="row-fluid">
														<div class="span12 text-center">

															<a class="btn btn-primary" type="submit" href="#myCarousel" data-slide-to="0"> <i class="icon-chevron-left"></i> Torna alla scelta dell'umore </a>

														</div>
													</div>
												</div>
											</div>
											<!-- Carousel nav

											<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
											<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
											-->
										</div>

									</div>
								</div>
							</div>
						</div>

					</div>
					<div class="tab-pane" id="step3">
						<div class="alert alert-info">
							<p>
								<i class="icon-info-sign"></i> Per caricare blah blah
							</p>
							<p style="text-decoration: underline;">
								Si consiglia pertanto di caricare immagini con almeno il rapporto richiesto per una visualizzazione ottimale.
							</p>
						</div>
						<div id="galaxy-connection-container" class="row-fluid planet-connection-container text-center">
							<div class="window" id="window1" title="Casa Barezzi">
								<h5>Casa Barezzi</h5>
							</div>
							<div class="window" id="window2" title="Casa Artusi">
								<h5>Casa Artusi</h5>
							</div>
							<div class="window" id="window3" title="Casa Natale">
								<h5>Casa Natale
								<br/>
								Giuseppe Verdi</h5>
							</div>
							<div class="window" id="window4" title="Museo della Figurina">
								<h5>Museo della figurina</h5>
							</div>
							<div id="list"></div>
						</div>
					</div>
				</div>
			</div>

			<!-- Modal -->
			<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						×
					</button>
					<h3 id="myModalLabel">Modal header</h3>
				</div>
				<div class="modal-body">
					<p>
						One fine body
					</p>
				</div>
				<div class="modal-footer">
					<button class="btn" data-dismiss="modal" aria-hidden="true" id="delete-cancel">
						Annulla
					</button>
					<button class="btn btn-danger" data-dismiss="modal" id="delete-confirm">
						Elimina
					</button>
				</div>
			</div>

		</div>

		<script src="js/jquery-1.9.1.min.js"></script>
		<!-- <script src="http://code.jquery.com/jquery.js"></script> -->

		<script src="js/vendor/jquery.ui.widget.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.9.2-min.js"></script>
		<!-- The Templates plugin is included to render the upload/download listings -->
		<script src="js/tmpl.min.js"></script>
		<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
		<script src="js/load-image.min.js"></script>
		<!-- The Canvas to Blob plugin is included for image resizing functionality -->
		<script src="js/canvas-to-blob.min.js"></script>
		<script src="js/plugins.js"></script>
		
		<script src="js/bootstrap.min.js"></script>
		<script src="js/bootstrap-image-gallery.min.js"></script>
		<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
		<script src="js/jquery.iframe-transport.js"></script>
		<!-- The basic File Upload plugin -->
		<script src="js/jquery.fileupload.js"></script>
		<!-- The File Upload file processing plugin -->
		<script src="js/jquery.fileupload-fp.js"></script>
		<!-- The File Upload user interface plugin -->
		<script src="js/jquery.fileupload-ui.js"></script>

		<!-- jsplumb util -->
		<script src="js/1.4.0/jsPlumb-util-1.4.0-RC1.js"></script>
		<!-- base DOM adapter -->
		<script src="js/1.4.0/jsPlumb-dom-adapter-1.4.0-RC1.js"></script>
		<!-- main jsplumb engine -->
		<script src="js/1.4.0/jsPlumb-1.4.0-RC1.js"></script>
		<!-- anchors -->
		<script src="js/1.4.0/jsPlumb-anchors-1.4.0-RC1.js"></script>
		<!-- endpoint -->
		<script src="js/1.4.0/jsPlumb-endpoint-1.4.0-RC1.js"></script>
		<!-- connection -->
		<script src="js/1.4.0/jsPlumb-connection-1.4.0-RC1.js"></script>
		<!-- connector editors  -->
		<script src="js/1.4.0/jsPlumb-connector-editors-1.4.0-RC1.js"></script>
		<!-- connectors, endpoint and overlays  -->
		<script src="js/1.4.0/jsPlumb-defaults-1.4.0-RC1.js"></script>
		<!-- state machine connectors -->
		<script src="js/1.4.0/jsPlumb-connectors-statemachine-1.4.0-RC1.js"></script>
		<!-- flowchart connectors -->
		<script src="js/1.4.0/jsPlumb-connectors-flowchart-1.4.0-RC1.js"></script>
		<!-- SVG renderer -->
		<script src="js/1.4.0/jsPlumb-renderers-svg-1.4.0-RC1.js"></script>
		<!-- canvas renderer -->
		<script src="js/1.4.0/jsPlumb-renderers-canvas-1.4.0-RC1.js"></script>
		<!-- vml renderer -->
		<script src="js/1.4.0/jsPlumb-renderers-vml-1.4.0-RC1.js"></script>
		<!-- jquery jsPlumb adapter -->
		<script src="js/1.4.0/jquery.jsPlumb-1.4.0-RC1.js"></script>
		<!-- /JS -->

		<!--  demo code -->
		<script src="js/flowchartConnectorsDemo.js"></script>

		<script src="js/mumu.js"></script>
		<!--[if gte IE 9]>
		<style>
		.ie_show { display:block }
		.ie_hide { display:none }
		</style>
		<![endif]-->
	</body>
</html>
